<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="js/lib/jquery.min.js"></script>
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet/less" type="text/css" href="css/xStyle.less"/>
    <script type="text/javascript" src="js/lib/less.js"></script>
<style>
	h1{
		margin: 2rem;
	}
</style>
</head>

<body>
<h1>上传图片</h1>
<div id='x0'  style="width:600px"></div>
<h1>上传文件</h1>
<div id='x1'></div>
</body>
<script type="module">
    import xUpload from './js/src/xUpload.js';
    
    new xUpload({el:"x0",placeholder:"请上传照片",url:'http://127.0.0.1/upload',
		 path:"http://127.0.0.1:8020/x-ui/img/upload",
		 size:0,cols:4,type:"image",accept:"image/*",
		 mandatory:true});
	
	new xUpload({el:"x1",url:'http://127.0.0.1/upload',
		 path:"http://127.0.0.1:8020/x-ui/img/upload",
		 size:0,type:"file",style:'upload-file',
		 mandatory:true});
		 
     
</script>

</html>